.side_panel {
   border-radius: 1.5rem;
   background: var(--bg-secondary);
   width: 38.5rem;
   box-shadow: var(--content-shadow);
   overflow-x: hidden;
   padding: 1.5rem;
   transform-origin: left;

   @media (max-width: 1024px) {
      width: 34rem;
   }

   @media (max-width: 825px) {
      width: 100%;
      height: 29rem;
      border-bottom: none;
      border-radius: 0;
      transform-origin: bottom;
   }

   &__content {
      height: 100%;
   }
}
